<template>
  <el-menu :default-openeds="['1', '3']" style="min-height: 100%; overflow-x: hidden"
           background-color="rgb(48, 65, 86)"
           text-color="#fff"
           active-text-color="#ffd04b"
           :collapse-transition="false"
           :collapse="isCollapse"
           router
  ><!--           路由-->
    <div style="height: 60px; line-height: 60px; text-align: center">
      <img src="../assets/logo.png" alt="" style="width: 20px; position: relative; top: 5px; right: 5px">
      <b style="color: white" v-show="logoTextShow">后台管理平台</b>
    </div>
    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-house"></i>
        <span slot="title">物业主页</span>
      </template>
      <el-menu-item index="/admin/home">
        <template slot="title">
          <i class="el-icon-house"></i>
          <span slot="title">主页</span>
        </template>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-school"></i>
        <span slot="title">房产</span>
      </template>
         <el-menu-item index="/admin/room">
        <i class="el-icon-house"></i>
        <span slot="title">房屋管理</span>
      </el-menu-item>

    </el-submenu>
    <el-submenu index="3">
      <template slot="title">
        <i class="el-icon-user-solid"></i>
        <span slot="title">OA</span>
      </template>
      <el-menu-item index="/admin/staff">
        <i class="el-icon-user-solid"></i>
        <span slot="title">工作人员</span>
      </el-menu-item>
    </el-submenu>
    <el-submenu index="4">
      <template slot="title">
        <i class="el-icon-truck"></i>
        <span slot="title">车辆</span>
      </template>
      <el-menu-item index="/admin/car">
        <i class="el-icon-truck"></i>
        <span slot="title">车辆管理</span>
      </el-menu-item>
      <el-menu-item index="/admin/accessrecord">
        <i class="el-icon-truck"></i>
        <span slot="title">出入信息</span>
      </el-menu-item>
    </el-submenu>
    <!--  带下级的菜单之设备管理  -->
    <el-submenu index="5">
      <template slot="title">
        <i class="el-icon-document"></i>
        <span slot="title">设备管理</span>
      </template>
      <el-menu-item index="/admin/equipmentInfo">
        <i class="el-icon-document"></i>
        <span slot="title">设备信息</span>
      </el-menu-item>
      <!--      新增设备报修，index=后面是路由router里的path-->
      <el-menu-item index="/admin/repairs">
        <i class="el-icon-document"></i>
        <span slot="title">设备报修</span>
      </el-menu-item>
      <!--      新增物业端处理报修-->
      <el-menu-item index="/admin/handlerRepair">
        <i class="el-icon-document"></i>
        <span slot="title">处理报修</span>
      </el-menu-item>
    </el-submenu>
<!-- 来访人员 -->

    <el-submenu index="6">
      <template slot="title">
        <i class="el-icon-document"></i>
        <span slot="title">访客管理</span>
      </template>
      <el-menu-item index="/admin/visitor">
        <i class="el-icon-document"></i>
        <span slot="title">访客信息</span>
      </el-menu-item>
    </el-submenu>

    <!-- 费用 -->
    <el-submenu index="7">
      <template slot="title">
        <i class="el-icon-document"></i>
        <span slot="title">费用管理</span>
      </template>
      <el-menu-item index="/admin/propertyFee">
        <i class="el-icon-document"></i>
        <span slot="title">物业费</span>
      </el-menu-item>
    </el-submenu>

    <el-submenu index="8">
      <template slot="title">
        <i class="el-icon-document"></i>
        <span slot="title">小区通知管理</span>
      </template>
      <el-menu-item index="/admin/Notice">
        <i class="el-icon-document"></i>
        <span slot="title">小区公告</span>
      </el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  name: "Aside",
  props: {
    isCollapse: Boolean,
    logoTextShow: Boolean
  }
}
</script>

<style>
</style>
